/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-textarea {
    font-size: var(--pure-textarea-font-size);
    color: var(--pure-textarea-color);
    background-color: var(--pure-textarea-background-color);
    border-radius: var(--pure-textarea-border-radius, 5px);
    border: var(--pure-textarea-border-width, 1px) var(--pure-textarea-border-style, solid) var(--pure-textarea-border-color, var(--pure-border-color-gary));
    margin: var(--pure-textarea-margin);
    padding: var(--pure-textarea-padding, 0.5em);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--pure-textarea-gap, 5px);
    transition: border-color 0.3s;

    &:focus-within {
        border: var(--pure-textarea-focus-border-width, 2px) var(--pure-textarea-focus-border-style, solid) var(--pure-textarea-focus-border-color, var(--pure-theme-primary));
    }

    &--disabled {
        background-color: var(--pure-textarea-disabled-background-color);
        color: var(--pure-textarea-disabled-color);
        opacity: var(--pure-textarea-disabled-opacity,
                var(--pure-opacity-disabled));
        pointer-events: none;
        user-select: none;
    }

    &__textarea {
        width: 100%;
        height: var(--pure-textarea-height);
        min-height: var(--pure-textarea-min-height, 8em);
        font-size: inherit;
        border: none;
        outline: none;
        display: block;
        text-align: justify;
    }

    &__footer {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }

    &__total {
        font-size: var(--pure-textarea-total-font-size,
                var(--pure-font-size-smaller));
        color: var(--pure-textarea-total-color, var(--pure-text-color-regular));
        margin: var(--pure-textarea-total-margin);
        padding: var(--pure-textarea-total-padding);
    }

    &__icon {
        font-size: var(--pure-textarea-icon-font-size);
        color: var(--pure-textarea-icon-color);
        margin: var(--pure-textarea-icon-margin);
        padding: var(--pure-textarea-icon-padding);

        &--front {
            font-size: var(--pure-textarea-icon-front-font-size);
            color: var(--pure-textarea-icon-front-color);
            margin: var(--pure-textarea-icon-front-margin);
            padding: var(--pure-textarea-icon-front-padding);
        }

        &--after {
            font-size: var(--pure-textarea-icon-after-font-size);
            color: var(--pure-textarea-icon-after-color);
            margin: var(--pure-textarea-icon-after-margin);
            padding: var(--pure-textarea-icon-after-padding);
        }
    }

    &__clear {
        font-size: var(--pure-textarea-icon-clear-font-size);
        color: var(--pure-textarea-icon-clear-color);
        margin: var(--pure-textarea-icon-clear-margin);
        padding: var(--pure-textarea-icon-clear-padding);
    }
}